html,body{ height: 100%; margin: 0; padding: 0; }
body.accueil{ background: #FFFFFF; text-align: center; min-width: 950px; min-height: 675px; }
body{ background: #FFFFFF; text-align: center; }
html{ color: #999999; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{ border: 0; margin: 0; padding: 0; }
/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{ outline:none; }
h1{ color: #C21527; font-size: 18px; }
h1 a, h1 a:link, h1 a:visited{ color: #C21527; }
h2{ color: #C21527; font-size: 15px; }
h2 a, h2 a:link, h2 a:visited{ color: #333; }
p{ font-size: 12px; line-height: 14px; color: #999999; font-family: Verdana, Arial, Helvetica, sans-serif; }
p.textePetit{ font-size:10px; }
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{ color: #0A254E; text-decoration: underline; }
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{ color:#000; text-decoration: underline; }
ul li{ color: #1F1F1F; font-size: 11px; line-height: 150%; list-style: square; margin-left: 16px; }
ol li{ color: #1F1F1F; font-size: 11px; line-height: 150%; margin-left: 16px; }
/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur { display:block; width:950px; margin:0 auto; padding:0; position:relative; }
.both{ clear: both; }
#stopContainerDesign{ float: left; height: 50%; margin-top: -338px; width: 100%; }
#containerDesign{ width: 950px; min-height: 675px; margin-left: auto; margin-right: auto; text-align: left; clear: both; }
#container_iframe{ background: url(Gx/bg_iframe.jpg) left top; width: 829px; height: 512px; margin: 0; padding: 0; }
#infos_tarifs_fr{ position: absolute; top: 472px; left: 11px; width: 800px; font-size: 10px; text-align: left; color: #666666; }
#infos_tarifs_en{ position: absolute; top: 450px; left: 11px; width: 800px; font-size: 10px; text-align: left; color: #666666; }
a#lienAccueilLogo{ display: block; width: 125px; height: 150px; position: absolute; top: 105px; left: 785px; text-decoration: none; }
/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#messageHeaderAccueil{ width: 950px; height: 35px; text-align: center; padding-top: 20px; margin:0 0 74px 0; }
#messageHeaderAccueil p{ font-size: 9px; color: #666666; font-family: Arial, Helvetica, sans-serif; }
#messageHeaderAccueil p span{ font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; }
#containerAccueil { width: 950px; min-height: 675px; background: url(Gx/index.jpg) no-repeat; position: relative; }
#containerAccueil .banner{ text-align: center; }
#containerAccueil #menuLangue{ position: absolute; top: 184px; left: 59px; text-align:left; }
#containerAccueil #menuLangue a { text-align:left; font-size: 13px; font-weight: bold; text-decoration: none; color: #5e5c5d; }
#containerAccueil #menuLangue a:hover { color: #0099fe;}
#containerAccueil #menuLangue a span { color: #a1a1a1;}
/* PAGE 01_100
--------------------------------------------------------------------------------------- */
#containerDesign { width: 950px; min-height: 675px; background: url(Gx/bg_01_100.jpg) no-repeat; position: relative; }
.banner01_100{ text-align: center; padding: 35px 0 0 0; }
#containerDesign a#lienAboutUs{ color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; position: absolute; top: 38px; right: 6px; letter-spacing: -0.1px; }
#containerDesign a#lienAboutUs:hover{ color: #b2b1b1; }
#containerDesign a#lienTarification{ color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; position: absolute; top: 60px; right: 6px; letter-spacing: -0.1px; }
#containerDesign a#lienTarification:hover{ color: #b2b1b1; }
#containerDesign a#lienHote{ color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; position: absolute; top: 80px; right: 6px; letter-spacing: -0.1px; }
#containerDesign a#lienHote:hover{ color: #b2b1b1; }
#containerDesign a#retourAccueil{ color: #605f5d; font-size: 12px; font-weight: bold; text-decoration: none; position: absolute; top: 38px; left: 6px; }
#containerDesign a#retourAccueil:hover{ color: #8ad7e9; }
#containerDesign #coordonne{ position: absolute; top: 305px; right: 5px; text-align: right; }
#containerDesign #coordonne p, #containerDesign #coordonne a{ color: #656563; font-size: 12px; line-height: 120%; }
#containerDesign #coordonne a{ font-weight: bold; text-decoration: none; }
#containerDesign #coordonne a:hover{ color: #8ad7e9; }
#containerDesign #contenue{ display:block; padding:70px 0 0 20px; width:670px; }
#containerDesign #contenue ul#menu{ margin: 0; padding: 0; width: 600px; }
#containerDesign #contenue ul#menu li{ margin: 0 28px 0 0; padding: 0; list-style-type: none; float: left; width: 120px; height: 190px; text-align: center; line-height: 14px; }
#containerDesign #contenue ul#menu li span.numero{ font-weight: bold; font-size: 12px; float: left; margin-bottom: 2px; }
#containerDesign #contenue ul#menu li a{ color: #969694; text-decoration: none; }
#containerDesign #contenue ul#menu li a:hover{ color: #8DD7FC; }
#containerDesign #contenue ul#menu li a:hover img.image{ border-color: #8DD7FC; }
#containerDesign #contenue ul#menu li a img.image{ border: 3px #b5b9ba solid; }
#containerDesign #contenue ul#menu li a span.nom{ font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-top: 1px; display: block; }
#containerDesign #page_01_100 #contenue #texte{ width: 564px; text-align: justify; }
/* DIAPORAMA
--------------------------------------------------------------------------------------- */
#diaporama { display:block; width:400px; height:225px; overflow:hidden; margin:0 0 20px 0; }
#slides { display:block; width:400px; height:225px; position:relative; }
#slides .slides_container { display:block; width:400px; height:225px; position:absolute; left:0; top:0; }
a.reservez { float:right; color:#605f5d; text-decoration:none; font-weight:bold; }
a.reservez:hover { color: #8ad7e9; }
/* TEXTE
--------------------------------------------------------------------------------------- */
#texte { display:block; width:600px; height:250px; overflow:auto; }
#texte h1 { margin:0 0 10px 0; color: #666666; font-size: 12px; }
#texte p { margin-bottom: 15px; color: #666666; }
#texte a { color:#605f5d; font-size: 12px; text-decoration: underline; font-weight: bold; }
#texte a:hover { color: #8ad7e9; }
a.retour { color:#605f5d; font-size: 12px; text-decoration:underline; font-weight: bold; }
a.retour:hover { color: #8ad7e9; }
/* PAGE 01_110
--------------------------------------------------------------------------------------- */
div.container_iframe_page_01_110 #texte{ position: absolute; top: 20px; left: 10px; width: 800px; text-align: left; }
div.container_iframe_page_01_110 #texte h1{ color: #666666; font-size: 12px; }
div.container_iframe_page_01_110 #texte p{ margin-bottom: 15px; color: #666666; }
div.container_iframe_page_01_110 #texte a{ color: #666666; font-size: 12px; text-decoration: underline; font-weight: bold; }
/* PAGE 01_120
--------------------------------------------------------------------------------------- */
div.container_iframe_page_01_120 #image{ position: absolute; top: 55px; left: 12px; border: 1px #adadad solid; width: 336px; height: 274px; background: white; }
div.container_iframe_page_01_120 #texte{ position: absolute; top: 55px; left: 366px; width: 414px; text-align: left; }
div.container_iframe_page_01_120 #texte h1{ color: #666666; font-size: 12px; }
div.container_iframe_page_01_120 #texte p{ margin-bottom: 15px; color: #666666; }
div.container_iframe_page_01_120 #texte a{ color: #666666; font-size: 12px; text-decoration: underline; font-weight: bold; }
/* PAGE 10_100
--------------------------------------------------------------------------------------- */
div.container_iframe_page_10_100 #texte{ position: absolute; top: 20px; left: 10px; width: 800px; text-align: left; }
div.container_iframe_page_10_100 #texte h1{ color: #666666; font-size: 12px; }
div.container_iframe_page_10_100 #texte p{ margin-bottom: 15px; color: #666666; }
div.container_iframe_page_10_100 #texte a{ color: #666666; font-size: 12px; text-decoration: underline; font-weight: bold; }
/* PAGE 09_100
--------------------------------------------------------------------------------------- */
#container_formulaire{ width: 656px; margin: 0 auto 50px auto; background: url(Gx/09/bg_center.jpg) repeat-y top left; }
#container_formulaire #coll_left{ width: 166px; height: 359px; background: url(Gx/09/top_left.jpg) no-repeat; float: left; }
#container_formulaire #coll_right{ width: 460px; background: url(Gx/09/top_right.jpg) no-repeat left top; float: left; text-align: left; padding: 235px 0 50px 30px; position: relative; }
#container_formulaire #coll_right #langue{ position: absolute; top: 74px; left: 230px; }
#container_formulaire #coll_right #langue a{ font-size: 10px; font-family: Geneva, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: white; margin-right: 3px; }
#container_formulaire #coll_right #langue a.lien_fr:hover, #container_formulaire #coll_right #langue a.lien_en:hover{ color: #2fdcfa; }
#container_formulaire #coll_right #langue a.lien_fr{ color: #a8c2ba; }
#container_formulaire #coll_right #langue a.lien_en{ color: #caa779; }
#container_formulaire #footer{ width: 656px; height: 88px; background: url(Gx/09/footer.jpg) no-repeat left top; }
/* ICONES GÉNÉRALES
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
#tripAdvisor{margin-right:5px;}
/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#555; font-size:10px; height:50px; padding:0; width:740px;}
#piedPage a{color:#BD9500; text-decoration:underline;}
#piedPage a:hover{color:#000;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#555;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}
#piedPage #menuBas{ float:right;text-align:right; }
/* FORMULAIRES
--------------------------------------------------------------------------------------- */
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */
.erreur{color:#FF0000;}
td { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666; vertical-align: top; padding: 0; margin: 0; }
input { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; color: #666666; }